<template lang="pug">
  div
    app-header(fixed,title="商品",v-if="!$helper.isWechat")
    div.content-pad(:style="{top: $helper.isWechat ? '0' : '0.84rem'}")
      app-product-list
    app-footer(active="sorts",@handler="footerHandler")
    #customer-service(@click="$router.push('/user/contact')")
</template>

<script>
import { Button } from 'mint-ui'
import Footer from 'components/Footer'
import Header from 'components/Header'
import ProductList from 'components/ProductList'
export default {
  components: {
    'mt-button': Button,
    'app-footer': Footer,
    'app-header': Header,
    'app-product-list': ProductList
  },
  methods: {
    footerHandler (type) {
      this.$router.push({name: type + ':index'})
    }
  }
}
</script>
<style lang="stylus" scoped>
  .content-pad
    position: absolute
    bottom: 1.2rem
    right: 0
    left: 0
    padding: 0
</style>
